@charset "utf-8";
/*html{ font-size: 99.1146px;}
@media (max-width: 1768px){html{font-size: 92px;} }
@media (max-width: 1680px){html{font-size: 87.5px;} }
@media (max-width: 1440px){html{font-size: 75px;} }
@media (max-width: 1360px){html{font-size: 70.83333px;} }
@media (max-width: 1280px){html{font-size: 66.6667px;} }
@media (max-width: 1152px){html{font-size: 60px;} }
@media (max-width: 1024px){html{font-size: 53.3333px;} }
@media (max-width: 800px){html{font-size: 41.6667px;} }*/








/* CSS Document */
button{border: none;outline: none;}
button:focus{ outline:none}
:root {
    --hover: #ec2800
}

@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "din";
    src: url("../fonts/din.eot");
    src: url("../fonts/din.eot?#iefix") format("embedded-opentype"), url("../fonts/din.woff") format("woff"), url("../fonts/din.ttf") format("truetype"), url("../fonts/din.svg#din") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}

a{
    color:#222;
    text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:#1f9869;
    text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
    clear:both;
    font-size:0px;
    line-height:0;
    height:0;
}
* html .clearfix {
    zoom: 1;
}
*:first-child+html .clearfix {
    zoom: 1;
}
.cell, .cell2, .cell3 {
    border-collapse:collapse;
    border-spacing:0;
}
.fl {
    float:left;}
.fr {
    float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}
*{padding: 0; margin: 0;}
p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
    display: none;
}
input[type="text"]:disabled
{
    background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}
.in_body{opacity: 0;}
.section{ position: relative; height: 100vh;}
header{position: fixed; top:0; left:0; width: 100%; z-index: 9999;}
header.inner{ position: static;}
.wapnav{ display: none;}
.navclose{ display: none;}
.headerbg{
    width: 100%;
    height: 100vh;
    top: 0;
    background: rgba(0,0,0,.6);
    position: absolute;
    display: none;

}
.subnavbg{ background:#fff url("../images/nav_bg.png") bottom center no-repeat; border-bottom-left-radius: 150px; padding-top: 1.28rem; border-top: 1px #eee solid; width: 100%; min-height: 400px; display: none;}
.topbox{ width: 100%; display: flex; justify-content: space-between; align-items: center; z-index: 6; position: relative; height:1.27rem; }
.logo{ margin-left: 8%;}
.top_nav{ width:78%; display: flex;  justify-content: space-between; margin-left: 2%;}
.top_nav>ul{display: flex; width: 82%;}
.top_nav>ul>li{ margin: 0 3.8%; position: relative;line-height:1.28rem; display: block;border-bottom: solid transparent 1px; box-sizing: border-box;}

.top_nav>ul>li>a{ display: block; font-size: 0.18rem; color: #333; white-space: nowrap; font-weight: bold;}
.top_nav>ul>li>div.subnav{ position: absolute; top:1rem;left:-50%; width: 300%; padding:.4rem; display: none; background: rgba(255,255,255,0.85); border-top: solid #306dc7 3px;}
.top_nav>ul>li>div.subnav>ul>li{ line-height: .26rem; font-size: 0.16rem; position: relative; margin: .1rem 0 0;}
.top_nav>ul>li>div.subnav>ul>li a{color:#666;
    display: block; }
.top_nav>ul>li>div.subnav>ul>li a i{ float: right; margin-top: 5px;}
.top_nav>ul>li>div.subnav>ul>li.active:before{position: absolute; left: -.1rem;  top:.05rem; height: .16rem; width: 2px; background:#1f9869; content: ''; }
.top_nav>ul>li>div.subnav>ul>li.active a,.top_nav>ul>li>div.subnav>ul>li a:hover{color:#1f9869;}
div.subnav1{ display: block; margin-left: .18rem; margin-top: .1rem; }
.rotaimg{  transform:rotate(90deg);}
.top_nav>ul>li>div.subnav>ul>li>div.subnav1>a{ display: block; line-height: .3rem; color: #888;position: relative;}
.top_nav>ul>li>div.subnav>ul>li>div.subnav1>a:before{width: .06rem; height: .06rem; background:#1f9869;border-radius: .03rem; content: ''; position: absolute; left: -.1rem; top:calc(50% - .03rem); }
.top_nav>span{ display: flex; height: 1.28rem; width: 9%; align-items: center; justify-content: center;font-weight: bold; color: #fff;}
.top_nav>span>img{ display: block; margin-right: 5px;}
.top_nav>span.lang{ background: #306dc7; font-size: .16rem; }
.top_nav>a.search{ background: #1f9869;font-size: .18rem; }
.top_nav>a.search{ display: flex; height:1.28rem; width: 9%; align-items: center; justify-content: center;font-weight: bold; color: #fff; }
.top_nav>a.search img{ display: block; margin-right: 5px; }
.container{ width: 100%; height:calc(100% - 1.27rem); margin-top: 1.27rem; display: flex; align-items: center;
    overflow: hidden;}
div.title1{ width: 100%; }
div.title1 h3{ font-size: .48rem;color: #333;}
div.title1 h6{font-size: 0.22rem; color: #d6d6d6; text-transform: uppercase;}
.banner{  width: 100%; height:100%; display: flex; align-items: center;
    overflow: hidden;}
.banner .swiper-container {
    width: 100%;
    position:relative;
    height: 100%;

}
.banner .swiper-slide {
    text-align: center;
    font-size: 0.18rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}
.banner .banimg{ width: 100%; height: 100%;position: relative; overflow: hidden; display: none;}
.banner .swiper-slide .banner_bg{width:100%;overflow:hidden;height:100%;background:#f9f9f9;background-size:cover;position:relative;}
.banner .swiper-slide  b.b1{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;transition:6s;-webkit-transition:6s;transition-timing-function:linear;-webkit-transition-timing-function:linear;}
.banner .swiper-slide-active .banner_bg b.b1{transform:translate3d(0,0,0);transform:scale(1.1) rotate(0.1deg); -moz-transform: scale(1.1) rotate(0.1deg); -webkit-transform:scale(1.1) rotate(0.1deg);}
.banner .banimg>img{ position: absolute; top:0;bottom: 0; right: 0;}
.banner .swiper-slide>img{ max-width: 100%; height: auto}
/*.banner .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    right: 0.96rem;
    top: calc(50% - 45px);
    width: 12px;
    left: auto;
    height: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}*/
.banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 0;
    border: solid #fff 1px;
    opacity: .3;
    background: none;

}
.banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 4px 0;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.ban{ width: 100%; height: 100%; position: absolute; top:0; left: 0; right: 0; bottom: 0;display: flex; align-items: center;}
.ban_text{  width: 87%; margin: 1.5rem auto 0; display: flex; align-items: center;}
.ban_con{ width: 43%;}
.ban p{ text-align: left;}
.ban p>img{ width: auto;}
.ban h3{ font-size: .54rem;  line-height:.9rem;color:#333; text-align: left; margin-bottom: .8rem;}
.ban h3 p{line-height:.9rem;}
.ban h3>i{ display: block; font-size: .42rem;/*color:#fb3326;*/ margin-bottom: .14rem;}
a.more{width: 1rem; height: .58rem;
    font-size: .16rem; display: flex; background: #255fb4;
    color: #fff; margin: .4rem 0 0; border-radius: .29rem; justify-content: space-between; align-items: center;padding: 0 .3rem; transition: all .3s linear; }
a.more:hover{ background: #1f9869;}
.news{ width: 87%; margin: 0 auto;}
.news .title1{ position: relative; margin-left: .4rem;}

.news_pagebox{  position: absolute; right: .2rem; bottom: 0; width: 2rem;
    height: 0.57rem;}
.news_pagebox .swiper-button-prev{ background:url(../images/arr_left1.png); background-size:100%; left: 10px;}
.news_pagebox .swiper-button-prev::after,  .ours-main .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.news_pagebox .swiper-button-next{ background: url(../images/arr_right1.png);background-size:100%; right:10px;}
.news_pagebox .swiper-button-next::after,  .ours-main  .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}
.news_pagebox .swiper-button-next, .news_pagebox .swiper-button-prev {

    position: static;
    width: .57rem;
    height:.57rem;
    display: inline-block;
    margin-right: .2rem;
    border: none;outline: none;

}
.second_swiper{ width: 100%;}
.second_swiper .swiper-slide{padding:.2rem; box-sizing: border-box;}
.news_img>img{display: block; margin: 0 auto; width: 100%;}
.second_swiper .newsitem{ padding: .25rem; position: relative; transition: all .3s linear; background: #fff; box-sizing: border-box;}
.second_swiper .newsitem:before{ width: 0%; position: absolute; height: 3px; background: #1f9869; bottom: 0; left:50%;content: '';  transition: all .3s linear;}
.second_swiper .newsitem:hover{ box-shadow:0 0 20px #ddd; }
.second_swiper .newsitem:hover:before{width: 100%; left: 0;}
.second_swiper .newsitem:hover a.more{ background: #1f9869;}
.second_swiper .newsitem>span{ font-size:.24rem; color:#999; display: block; margin:.4rem 0;}
.second_swiper .newsitem:hover>span{color:#1f9869;}
.second_swiper .newsitem>h4{ font-size: .24rem; color: #191919; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  margin: .15rem 0;}
.second_swiper .newsitem>p{ text-indent:2em;font-size: .2rem; color: #666; line-height: .28rem; overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;}
.page3 .container{position: relative; margin-top: 0; height: 100%;}
.w_imgbox{ width: 100%; background: url("../images/about_bg.jpg") center center no-repeat;  background-size:cover;  height: 100%;}
.about{ width: 100%; position: absolute;left:0px;top:0px;z-index:999;height:calc(100% - 1.27rem); display: flex; flex-direction: column; justify-content: flex-start; align-items:center; margin-top: 1.27rem; z-index: 999;}
.about .title1{ text-align: center; margin-top: .5rem;}
.about .title1 h3{ color: #fff;}
.about .title1 h6{ color: rgba(255,255,255,0.5);}
.about_con{ max-width: 1200px; margin: 0 auto; width:96%;}
.about_con p{/*font-size: .18rem;*/font-size: .24rem; line-height:.34rem;  text-align: center; color:#fff; padding: .4rem 0;}
.about_con a.more{ margin:30px  auto;}
/*product*/
.product{ width:64%;  margin-left: 8%; padding-bottom: .8rem;box-sizing: border-box;}
.product_con{display: flex; width: 100%; position: relative; justify-content: space-between;}
.pro_swiperbox0{ margin-top:.5rem; position: relative;
    z-index: 999;  width:100%;  background: #f0f0f0;padding: 2% 3% ; border-top-right-radius:1rem;border-bottom-left-radius:1rem;box-sizing: border-box;}
.pro_swiperbox0 .arr1{position: absolute; bottom:0; left: 0; width: 75px; height: 40px; display: flex; align-items: center; justify-content: center; background: #1f9869; z-index: 9999; border-radius: 20px;}
.pro_swiperbox0 .arr1>img{display: block; margin: 0 auto;max-width: 100%;}
.third_swiper .swiper-slide{position: relative;}
.third_swiper .pro_img{  }
.third_swiper .pro_img>img{ display: block; max-width: 100%; height: auto;}
.pro_swiperbox{background: url("../images/probg.jpg") center center no-repeat; background-size:cover; width: 22%; height: 100%;
    position: absolute; top:0; right: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding-left:10%;}
.fourth_swiper{ height: 50%; width: 100%; margin-top: .3rem;}
.pro_swiperbox .swiper-pagination-fraction>span:before{content: '0'; font-size: 1.8rem; color: #fff;}
.pro_swiperbox span.swiper-pagination-total:before{ font-size:.2rem; color:#95aad4;}
.pro_swiperbox .swiper-pagination{font-size:.2rem; color:#95aad4; position: static;
    text-align: left;}
.pro_swiperbox .swiper-pagination-current{font-size: 1.8rem; color: #fff; font-family: Arial;}
.fourth_swiper .swiper-slide {
    text-align: center;
    font-size: .18rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: transparent;
}
.pro_pagebox{ width: 100%; height: .57rem; position: relative;  }
.third_pagination{ bottom: auto; top:0%;  }
.pro_swiperbox .swiper-button-prev{ background:url(../images/arr_left2.png); background-size:100%; }
.pro_swiperbox .swiper-button-prev::after,  .ours-main .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.pro_swiperbox .swiper-button-next{ background: url(../images/arr_right2.png);background-size:100%; }
.pro_swiperbox .swiper-button-next::after,  .ours-main  .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}
.pro_swiperbox .swiper-button-next, .pro_swiperbox .swiper-button-prev {
    width: .57rem;
    height:.57rem;
    display: inline-block;
    margin-right: .2rem;
    top:0;
    right: auto;
    left:0;
    border: none;outline: none;

}
.pro_swiperbox .swiper-button-next{ left: .86rem}
.swiper-slide .pro_txt{ width: 100%; height: 100%; opacity: 0;}
.swiper-slide-active .pro_txt{ width: 100%; height: 100%; opacity: 1;}
.pro_txt>h4{font-size: .48rem; color:#fff; text-align: left;}
.pro_txt>ul>li{ /*font-size: .16rem;*/font-size: .24rem;color:#fff; position: relative; text-align: left; margin-top: 10px; padding-left: 25px;}
.pro_txt>ul>li>a{color:#fff; }
.pro_txt>ul>li:before{ background: #fff; position: absolute; left: 0; top:10px;  width: 16px; height: 16px; background: #fff;  border-radius: 8px; content: '';}
/*develop*/
.develop{ width: 100%; height: 100%;}
.develop .title1{ text-align: center; margin-bottom: .5rem;}
.develop_img{  width: 100%; height: 60%; background: url("../images/yf_bg.jpg") center center no-repeat; background-size:cover; display: flex; align-items: center; justify-content: center; }
.develop_img>img{ display: block; max-width: 100%; height: auto;}
.develop_con{ max-width: 900px; margin: 0 auto; width: 96%; }
.develop_con p{font-size:.20rem; line-height:.38rem;  text-align: center; color: #fff; padding-bottom: .2rem;}
.develop_con a.more{ margin:.3rem  auto;}
.developlist{ max-width: 960px; width: 96%; margin: -78px auto 0; display: flex; justify-content: center;}
.developlist>li{ width: 23%; margin: 0 0.8%; text-align: center;}

.developlist>li>div{border-radius: 50%; width:58px; height: 58px; padding: 40px; display: flex;align-items: center; justify-content: center; box-shadow: 0 5px 20px #ccc; background: #fff; margin: 0 auto;}
.developlist>li>div>img{ display: block; margin: 0 auto;}
.developlist>li>div>img:nth-child(2){ display: none;}
.developlist>li h4{ font-size: .24rem;  color:#333; margin-top:.34rem;  }
.developlist>li:hover h4{color: #1f9869;}
.developlist>li:hover>div{background:#1f9869 }
.developlist>li:hover>div>img{ display: none;}
.developlist>li:hover>div>img:nth-child(2){ display: block;}

/*clinical*/
.clinical{ width: 100%; height: 100%; background: url("../images/clinical_bg.jpg") center center no-repeat; background-size:cover;  }
.clinical .title1{ text-align: right; margin-right: 8%;}
.clinical_con{ width: 84%; margin: 5% auto 0; display: flex; justify-content: space-between; }
.clinical_img{width: 40%; background: #255fb4; padding: 0 20px 20px 0; border-top-left-radius:160px; box-sizing: border-box; position: relative; z-index: 6; }
.clinical_img>img{ max-width: 100%;}
.clinical_txt{ width:60%;}
.clinical_stxt{ width: 100%; background: #fff;padding: 5%; box-sizing: border-box; margin-top: 4%; border-bottom-right-radius: 100px; }
.txt_title{ margin-bottom: 2.1%;}
.txt_title h6{font-size: .48rem; color: rgba(51,51,51,0.07); position: relative; text-transform: uppercase;}
.txt_title h6>i{ font-size: 1rem;rgba(51,51,51,0.1); position: absolute; top:0; right: 0; font-style: normal;}
.txt_title h4{ font-size:.32rem; color: #333; margin-top: -.48rem;}
.clinical_stxt p{ text-indent:2em;font-size: .24rem; color: #999; line-height: .34rem; padding: 10px 0;}

/*market*/
.market{width: 100%;}
.market .title1{ text-align: center;}
.market .title1 p{ /*font-size: .18rem;*/font-size: .24rem; line-height:.34rem; max-width: 920px; margin: 0 auto; color: #666666; padding: .2rem 0 .6rem;}
.marketlist{ background: url("../images/sale_bg.jpg") center center no-repeat; background-size:cover; height: 60vh; }/*new*/
.marketlist>ul{ width: 84%; margin: 0 auto; display: flex;}
.marketlist>ul>li{  width: 30%; margin: 0 1.5%; padding: 12% 2% 0;  display: flex;  align-items: center;flex-direction: column; background:none;transition:  all .3s linear;position: relative; zoom:1;overflow: hidden; height:49vh;}
.marketlist>ul>li>div.libg{ width: 100%; height:100%; position: absolute;background: url("../images/sale_on.png") top center no-repeat; background-size: cover; content:''; top:0; left:0%;opacity:0;}
.marketlist>ul>li.active>div.libg{ top:0%; left: 0;width:100%;transition: all .3s linear;opacity:1;}

.marketlist>ul>li>div.img{ background: #fff; border-radius: 50%; width: 58px; height: 58px;padding: 25px; display: flex; justify-content: center; align-items: center;}
.marketlist>ul>li>h4{font-size: .24rem; text-align: center; color: #fff; margin: 4% 0;}
.marketlist>ul>li a.more{ opacity: 0;}
.marketlist>ul>li.active a.more{opacity: 1;}
.marketlist>ul>li:hover a.more{ display: flex; background: #1f9869;}
.page8{margin-top: 12vh;background: #81cdb4;}/*new*/
.footer{background: #81cdb4; width: 100%; display: flex;}
footer{ width: 79%; margin: 4% auto 2%; max-width:1300px;}
.foot{ display: flex; width: 100%; justify-content: space-between;color: #fff; font-size: .24rem;}
ul.bottom_nav{ width: 55%;}
ul.bottom_nav>li{ margin: 0 3%; display:inline-block;}
ul.bottom_nav>li>a{  display: block; white-space: nowrap;color:#fff;}
ul.bottom_contact{ display: flex; width: 40%; justify-content: flex-start; }
ul.bottom_contact>li{ display: flex; align-items: center; margin: 0 4%;white-space: nowrap;}
ul.bottom_contact>li>img{ margin-right: 10px;}
.foot_bottom{width: 100%; display: flex; justify-content: space-between; font-size:16px; color:rgba(255,255,255,0.5);  border-top: solid rgba(255,255,255,0.5) 1px; padding:20px 0; margin-top:60px;  align-items: center; }
ul.er_items{ display: flex; justify-content: flex-end;}
ul.er_items>li{position: relative; margin: 0 10px;}
ul.er_items>li>a{ display: block; width: 40px; height: 40px;border: solid #ddd 1px; border-radius: 20px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
ul.er_items>li>a>img{ display: block; max-width: 100%;}
ul.er_items>li>a:hover{ background:#1f9869 }
ul.er_items>li>a:hover img{ filter: grayscale(100%) brightness(200%);}
ul.er_items>li>div.qrcode{ display: none; flex-direction: column; justify-content: center; align-items: center; padding: 10px; border: solid #eee 1px; line-height: 30px;position: absolute; bottom: 40px;right:0; background: #fff;  width: 100px; height: auto;}
ul.er_items>li>div.qrcode>img{display: block; max-width: 100%;}
ul.er_items>li>div.qrcode>span{display: block; text-align: center; color: #333;}


@keyframes zoominBig {
    0%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1.2);-ms-transform:scale3d(1.2,1.2,1.2);transform:scale3d(1.2,1.2,1.2)}
    100%{opacity:1;-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}

}
@-webkit-keyframes scaleBigToSmall{
    0%{-webkit-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);}
    100%{-webkit-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);}
}
@-moz-keyframes scaleBigToSmall{
    0%{-moz-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);}
    100%{-moz-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);}
}
@-ms-keyframes scaleBigToSmall{
    0%{-ms-transform: scale(1.2) translate3d(0,0,0); opacity: 0;filter: blur(20px);}
    100%{-ms-transform: scale(1) translate3d(0,0,0); opacity: 1;filter: blur(0px);}
}

.zoominBig{-webkit-animation-name:zoominBig;animation-name:zoominBig;animation-duration: 20s; animation-iteration-count:infinite;}
/*侧面导航*/

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 1px;
    width: 40px;
    margin: -2px 0 0 -2px;
    border-radius: 0;
}


#fp-nav ul li, .fp-slidesNav ul li {
    display: none;
    width: 40px;
    height: 13px;
    margin: 7px;
    position: relative;
}
#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 0;
    position: absolute;
    z-index: 1;
    height: 1px;
    width: 20px;
    border: 0;
    background: #fff;
    right:0;
    top: 50%;
    margin:0;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 1px;
    width: 40px;
    border-radius: 0;
    margin: -2px 0 0 -2px;
    left:0;

}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    height: 1px;
    width: 40px;
    border-radius: 0;
    margin: -2px 0 0 -2px;
    left:0;
}



.fullpage-wrapper{ overflow:hidden;}
/*.page1>.fp-tableCell,.page2>.fp-tableCell,.page1>.fp-tableCell,.page3>.fp-tableCell,.page4>.fp-tableCell,.page5>.fp-tableCell,.page6>.fp-tableCell{  transform:scale(0.95) ;transition:all .5s linear;}
.active>.fp-tableCell{
    transform:scale(1);



}*/
/*第一屏代码*/
.xsk20{animation: xsk20 3s linear ;

    -webkit-animation: xsk20 3s linear ;

    -moz-animation: xsk20 3s linear ;

    -o-animation: xsk20 3s linear ;
    width: 100%;
}

@keyframes xsk20{

    0% {

        transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        -moz-transform: scale(1.1);

    }


    100% {

        transform: scale(1.0);

        -ms-transform: scale(1.0);

        -webkit-transform: scale(1.0);

        -o-transform: scale(1.0);

        -moz-transform: scale(1.0);

    }

}
@-webkit-keyframes xsk20{

    0% {

        transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        -moz-transform: scale(1.1);

    }

    100% {

        transform: scale(1.0);

        -ms-transform: scale(1.0);

        -webkit-transform: scale(1.0);

        -o-transform: scale(1.0);

        -moz-transform: scale(1.0);

    }

}

@-moz-keyframes xsk20{

    0% {

        transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        -moz-transform: scale(1.1);

    }

    100% {

        transform: scale(1.0);

        -ms-transform: scale(1.0);

        -webkit-transform: scale(1.0);

        -o-transform: scale(1.0);

        -moz-transform: scale(1.0);

    }

}

@-o-keyframes xsk20{

    0% {

        transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        -moz-transform: scale(1.1);

    }

    100% {

        transform: scale(1.0);

        -ms-transform: scale(1.0);

        -webkit-transform: scale(1.0);

        -o-transform: scale(1.0);

        -moz-transform: scale(1.0);

    }

}

@-ms-keyframes xsk20{

    0% {

        transform: scale(1.1);

        -ms-transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -o-transform: scale(1.1);

        -moz-transform: scale(1.1);

    }

    100% {

        transform: scale(1.0);

        -ms-transform: scale(1.0);

        -webkit-transform: scale(1.0);

        -o-transform: scale(1.0);

        -moz-transform: scale(1.0);

    }

}
.first_screen{width:100%; max-width:1400px; margin:20px auto; position:relative;}
.first_screen .swiper-container {
    width: 100%;
    height:auto;
    max-width:1400px;
}
.first_screen .swiper-slide {

    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.first_screen .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.first_screen .swiper-pagination-bullet{ background:#fff;opacity:.4;}
.first_screen .swiper-pagination-bullet-active{ background:#fff;opacity:1;}

.first_screen .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 560px;
    right: auto;
}
.first_screen .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right:auto;
    left: 600px;
}

.first_screen .swiper-button-next,
.first_screen .swiper-button-prev {
    position:absolute;
    top:auto;
    bottom:40px;
    width:22px;
    height:36px;
    z-index:10;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
}
.first_screen .swiper-button-prev{ background:url(../images/arrow_l.png); background-size:cover;}
.first_screen .swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after {
    content: '';
}
.first_screen .swiper-button-next{ background:url(../images/arrow_r.png);background-size:cover;}
.first_screen .swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after {
    content: '';
}
.first_screen .swiper-slide{ position:relative;}
.first_screen .swiper-slide a{ position:absolute; bottom:0; left:20px; line-height:40px; color:#fff; text-align:left; display:block; text-decoration:none;}

.first_screen .swiper-slide .txts {
    width: 530px;
    background: #008cd6;
    position: absolute;
    left: 0;
    bottom:0;
    z-index: 9;
}
.first_screen .swiper-slide .pic {
    width: 66.64%;
    margin:0;
    float:right;
    overflow:hidden;
    position:relative;

}
.first_screen .pa {
    padding: 44px 55px 68px 55px;
    position: relative;
    z-index: 9;
}
.first_screen .swiper-slide .pic img{ max-width:100%; height:auto; width:100%;display: block; }
.first_screen .swiper-pagination{  box-sizing:border-box; display:none;}
.first_screen a.block{ display:block; width:100%; position:relative; overflow:hidden;left:0;}
@media(max-width:1024px){
    .first_screen  .swiper-slide .txts {
        width: 400px;
        background: #008cd6;
        position: absolute;
        left: 0;
        z-index: 9;
    }
    .first_screen  .pa {
        padding: 20px;
        position: relative;
        z-index: 9;
    }
    .first_screen  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 430px;
        right: auto;
    }
    .first_screen .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right:auto;
        left: 460px;
    }

}
@media(max-width:640px){
    .first_screen  .swiper-pagination{  box-sizing:border-box; display:block;}
    .first_screen .swiper-button-next,
    .first_screen .swiper-button-prev { display:none;}
    .first_screen .swiper-slide .pic {
        width:100%;
        margin:0;
        float:none;
        overflow:hidden;

    }

    .first_screen.swiper-slide .txts {
        width: 100%;
        position:static;
        margin-top:-40px;
    }
    .first_screen .swiper-slide{ padding-bottom:30px; background:#333;}

    .first_screen .swiper-container-horizontal>.swiper-pagination-bullets,
    .first_screen .swiper-pagination-custom,
    .first_screen .swiper-pagination-fraction {
        bottom:5px;
    }
}

/*third_screen*/
.index_pro_wraper {
    padding:0 5%;
    background-color:#fff
}
@media (max-width: 1180px) {
    .index_pro_wraper {
        padding:0 40px
    }
}
@media (max-width: 968px) {
    .index_pro_wraper {
        padding:0 20px
    }
}
@media (max-width: 668px) {
    .index_pro_wraper {
        padding:0 10px
    }
}
.index_pro {
    width:100%;
    background-color:#131e2c;
    color:#fff;
    overflow:hidden;
    position:relative;
    display:flex;
    justify-content:space-between;
    padding:50px 0 50px 480px
}
@media (max-width: 1440px) {
    .index_pro {
        padding:0 0 0 400px
    }
}
@media (max-width: 1180px) {
    .index_pro {
        padding:0 0 0 300px
    }
}
@media (max-width: 968px) {
    .index_pro {
        padding:80px 20px 0
    }
}
@media (max-width: 668px) {
    .index_pro {
        padding:40px 0 0
    }
}
.index_pro .hd {
    width:800px;
    height:800px;
    position:absolute;
    left:-320px;
    top:50%;
    margin-top:-400px;
    z-index:2
}
@media (max-width: 1681px) {
    .index_pro .hd {
        width:700px;
        height:700px;
        left:-300px;
        margin-top:-350px
    }
}
@media (max-width: 1440px) {
    .index_pro .hd {
        width:650px;
        height:650px;
        left:-260px;
        margin-top:-300px
    }
}
@media (max-width: 1180px) {
    .index_pro .hd {
        width:600px;
        height:600px;
        left:-250px;
        margin-top:-300px
    }
}
@media (max-width: 968px) {
    .index_pro .hd {
        display:none
    }
}
.index_pro .hd:before {
    content:'';
    width:780px;
    height:780px;
    border-radius:100%;
    background-image:linear-gradient(to left, rgba(255,255,255,0.11), rgba(255,255,255,0.02), rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0));
    position:absolute;
    left:-80px;
    top:50%;
    margin-top:-390px;
    z-index:1
}
@media (max-width: 1681px) {
    .index_pro .hd:before {
        width:680px;
        height:680px;
        left:-50px;
        margin-top:-340px
    }
}
@media (max-width: 1180px) {
    .index_pro .hd:before {
        width:580px;
        height:580px;
        left:-50px;
        margin-top:-290px
    }
}
.index_pro .hd ul {
    display:block;
    width:100%;
    height:100%;
    position:relative;
    z-index:2;
    transform:rotate(0deg);
    transition:all .5s
}
.index_pro .hd ul li {
    display:block;
    width:100%;
    height:100%;
    visibility:hidden;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
.index_pro .hd ul li .item {
    display:block;
    overflow:visible;
    visibility:visible;
    cursor:pointer;
    white-space:nowrap;
    color:#fff;
    transform:none;
    transition:all .5s;
    background:none;
    border:none;
    margin:0;
    padding:0;
    outline:0;
    display:flex
}
.index_pro .hd ul li .item span {
    display:block;
    transform:translateX(0px);
    line-height:50px;
    border-radius:25px;
    background:rgba(255,255,255,0);
    position:relative;
    transition:all .5s
}
@media (max-width: 1180px) {
    .index_pro .hd ul li .item span {
        line-height:40px;
        border-radius:20px
    }
}
.index_pro .hd ul li .item span:before,
.index_pro .hd ul li .item span:after {
    content:'';
    display:block;
    width:10px;
    height:2px;
    height:2px;
    background-color:#009a3a;
    position:absolute;
    right:20px;
    top:50%;
    mask-type:-1px;
    opacity:0;
    transition:all .5s
}
.index_pro .hd ul li .item span:after {
    transform:rotate(90deg)
}
.index_pro .hd ul li .item span em {
    font-style:normal;
    font-family:"GillSans-Bold";
    font-size:17px;
    opacity:.4;
    margin-right:10px
}
@media (max-width: 1180px) {
    .index_pro .hd ul li .item span em {
        font-size:14px
    }
}
.index_pro .hd ul li .item span i {
    font-size:16px;
    font-style:normal
}
@media (max-width: 1180px) {
    .index_pro .hd ul li .item span i {
        font-size:14px
    }
}
.index_pro .hd ul li.active .item span {
    transform:translateX(100px);
    color:#009a3a;
    padding:0 130px 0 30px;
    font-weight:bold;
    background:#fff
}
@media (max-width: 1180px) {
    .index_pro .hd ul li.active .item span {
        transform:translateX(20px);
        padding:0 30px 0 30px
    }
}
.index_pro .hd ul li.active .item span:before,
.index_pro .hd ul li.active .item span:after {
    opacity:1
}
.index_pro .bd {
    width:100%;
    height:750px
}
@media (max-width: 1681px) {
    .index_pro .bd {
        height:650px
    }
}
@media (max-width: 1440px) {
    .index_pro .bd {
        height:700px
    }
}
@media (max-width: 968px) {
    .index_pro .bd {
        height:auto !important
    }
}
.index_pro .bd .arrow {
    display:block;
    width:36px;
    height:36px;
    background:rgba(0,0,0,0.2);
    border:none;
    margin:0;
    padding:0;
    outline:0;
    position:absolute;
    top:50%;
    margin-top:-18px;
    z-index:10
}
@media (max-width: 968px) {
    .index_pro .bd .arrow {
        width:20px;
        height:20px;
        margin-top:-10px
    }
}
.index_pro .bd .arrow svg {
    width:100%;
    height:100%;
    color:#fff
}
.index_pro .bd .arrow.prev {
    left:5%
}
@media (max-width: 968px) {
    .index_pro .bd .arrow.prev {
        left:5px
    }
}
.index_pro .bd .arrow.next {
    right:5%
}
@media (max-width: 968px) {
    .index_pro .bd .arrow.next {
        right:5px
    }
}
.index_pro .bd .txt {
    display:none;
    width:100%;
    height:100%
}
@media (max-width: 968px) {
    .index_pro .bd .txt {
        height:300px;
        overflow:hidden
    }
}
.index_pro .bd .txt .inner {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    text-align:center;
    position:relative
}
.index_pro .bd .txt .inner>* {
    position:relative;
    z-index:2
}
.index_pro .bd .txt .inner .des {
    width:100%;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:5
}
.index_pro .bd .txt .inner .des .title {
    display:block;
    font-size:40px;
    margin-bottom:120px
}
@media (max-width: 1440px) {
    .index_pro .bd .txt .inner .des .title {
        font-size:30px;
        margin-bottom:80px
    }
}
@media (max-width: 668px) {
    .index_pro .bd .txt .inner .des .title {
        font-size:22px;
        margin-bottom:40px
    }
}
.index_pro .bd .txt .inner .des .more {
    display:block;
    width:180px;
    height:44px;
    line-height:42px;
    margin:0 auto;
    border:1px solid #bfbfbf;
    border-radius:22px;
    font-size:14px;
    color:#bfbfbf;
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .5s
}
.index_pro .bd .txt .inner .des .more svg {
    width:10px;
    height:10px;
    color:#bfbfbf
}
.index_pro .bd .txt .inner .des .more:hover {
    background-color:#009a3a;
    border-color:#009a3a;
    color:#fff
}
.index_pro .bd .txt .inner .des .more:hover svg {
    color:#fff
}
.index_pro .bd .txt .inner .bg {
    width:100%;
    opacity:.1
}
@media (max-width: 968px) {
    .index_pro .bd .txt .inner .bg {
        position:absolute;
        left:0;
        top:0;
        z-index:1
    }
}
.index_pro .bd .txt .inner .bg img {
    width:100%;
    transform:translateY(20%)
}
@media (max-width: 968px) {
    .index_pro .bd .txt .inner .bg img {
        transform:translateY(0%)
    }
}
.index_pro .bd .txt.active {
    display:block
}